﻿<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   
    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <link href="css/gadget.css" rel="stylesheet" type="text/css" />
    <link href="css/jquery-ui-themeroller.css" type="text/css" />

    <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-personalized-1.5.2.min.js"></script>
        <script type="text/javascript">
        function loadSkype() {
            Skype = new ActiveXObject("Skype4COM.Skype");
        }
        var Skype;
        try {
            Skype = new ActiveXObject("Skype4COM.Skype");
        } catch(e) {
            Skype = null;
        }
    </script>
    <script src="js/local.js" type="text/javascript"></script>
	<script src="js/common.js" type="text/javascript"></script>
    <script src="js/gadget.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/test.js"></script>
</head>
<body ondragenter="event.returnValue = false"
ondragover="event.returnValue = false"
ondrop="event.returnValue = false">
    <div id="gadget-container">
        <div id="bg-header"></div>
        <div id="bg-body"></div>
        <div id="bg-footer"></div>
        <div id="main-pane">
            <div id="chat-message-pane"></div>
            <div id="friend-list-pane"></div>
            <div id="error-pane"></div>
        </div>
        
            
        <div id="toolbar-pane">
            <ul id="toolbar-pane-button-list">
                <li class="toolbar-pane-button-list-item"><img id="toolbar-button-back" class="toolbar-button" src="images/back.png" /></li>
                <li class="toolbar-pane-button-list-item"><img id="toolbar-button-forward" class="toolbar-button" src="images/forward.png" /></li>
                <li class="toolbar-pane-button-list-item"><img id="toolbar-button-skype" class="toolbar-button" style="cursor: default;" src="images/skype-icon.png" /></li>
                <li class="toolbar-pane-button-list-item"><img id="toolbar-button-up" class="toolbar-button" src="images/up.png" /></li>
                <li class="toolbar-pane-button-list-item"><img id="toolbar-button-down" class="toolbar-button" src="images/down.png" /></li>
            </ul>    
        
            <div id="resize-grab-pane">
                <a id="resize-bar">
                    <img src="images/grab.png" />
                </a>
            </div>
        </div>
    </div>
</body>
</html>
